<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="format-detection" content="telephone=no">
	<meta content="telephone=no" name="format-detection">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" media="screen and (max-width:900px)" href="/assets/stylesheets/style_wap.css" type="text/css" />
	<style>
	body{
	background:#f6fdfc;
	}
	 #cy {
	  height: 100%;
	  width: 88%;
	  position: absolute;
	  left: 0;
	  top: 0;
	}
	#cy2 {
	  height: 100%;
	  width: 12%;
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	#eat {
	  position: absolute;
	  left: 1em;
	  top: 1em;
	  font-size: 1em;
	  z-index: -1;
	  color: #c88;
	}
	</style>
	<title>我的团队</title>
</head>
<body>
	<div id="cy">关系图</div>
	<div id="cy2">
	业绩 <br />

	左区业绩：<br />

	右区业绩：
	</div>
	<script language="javascript" type="text/javascript" src="/assets/javascript/jquery-2.1.4.min.js"></script>
    <script src="http://js.cytoscape.org/js/cytoscape.min.js"></script>
    <script type="text/javascript" th:inline="javascript">
    /**
    var data = {
    		nodes: [
			    { data: { id: 'chenxuan' }  },
			    { data: { id: 'chenxuan1' } },
			    { data: { id: 'chenxuan2' } },
			    { data: { id: 'chenxuan3' } }
			  ],
    		  edges: [
    			    { data: { source: 'chenxuan',    target: 'chenxuan1'  }  },
    			    {
    			      data: {
    			        source: 'chenxuan2',
    			        target: 'chenxuan3',
    			        bg : '123'
    			      }
    			    },
    			    {
    			      data: {
    			        source: 'chenxuan',
    			        target: 'chenxuan2'
    			      }
    			    }
    			  ]
    			};
    **/
    //var data = {'edges':[{'data':{'source':'chenxuan','target':'chenxuan1'}},{'data':{'source':'chenxuan2','target':'chenxuan3'}},{'data':{'source':'chenxuan','target':'chenxuan2'}}],'nodes':[{'data':{'id':'chenxuan'}},{'data':{'id':'chenxuan1'}},{'data':{'id':'chenxuan2'}},{'data':{'id':'chenxuan3'}}]};
   var data = [[${node}]];
   console.log(data);
    /**
    var data = {
    	    nodes: [
    	        { data: { id: 'cat' } },
    	        { data: { id: 'bird' } },
    	        { data: { id: 'ladybug' } },
    	        { data: { id: 'aphid' } },
    	        { data: { id: 'rose' } },
    	        { data: { id: 'grasshopper' } },
    	        { data: { id: 'plant' } },
    	        { data: { id: 'wheat' } }
    	      ],
    	      edges: [
    	        { data: { source: 'cat', target: 'bird' } },
    	        { data: { source: 'bird', target: 'ladybug' } },
    	        { data: { source: 'bird', target: 'grasshopper' } },
    	        { data: { source: 'grasshopper', target: 'plant' } },
    	        { data: { source: 'grasshopper', target: 'wheat' } },
    	        { data: { source: 'ladybug', target: 'aphid' } },
    	        { data: { source: 'aphid', target: 'rose' } }
    	      ]
    	    };
    **/
    </script>
    <script language="javascript" type="text/javascript" src="js/code.js"></script>
</body>
</html>
